{% extends app.request.isXmlHttpRequest ? "PopshouseSiteBundle::blank.html.twig" : "PopshouseSiteBundle::layout.html.twig" %}

{% block title %}{{ parent() }} - {{ "head.title" | trans({},"contact") | raw }}{% endblock %}

{% block content %}
<div class="content">
        <div class="contact">
        <div class="intro" style="height:285px;">
                <figure>
                <div class="left" style="width:34%;overflow:hidden;">
                    <figure><a href="{{ asset('images/photo/contact/terras_large.jpg') }}"><img src="{{ asset('images/photo/contact/terras_small.jpg') }}" class="bordered" alt="Popshouse" /></a></figure>
                </div>
                </figure>
                <div class="right" style="width:65%;">
                    <section>
                        <h1>{{ "head.title" | trans({},"contact") | raw }}</h1>
                        <p>{{ "head.text" | trans({},"contact") | raw }}</p>
                        <div class="info">
	                        <div class="left" style="width:50%;">
		                        <address>
			                        Popshouse<br /><br />
			                        Jagerstraat 8<br />
			                        8970 - Poperinge<br />
			                        {{ "belgie" | trans({},"contact") | raw }}<br /><br />
			                        {{ "tel" | trans({},"contact") | raw }}: +32(477)340393<br />
			                        {{ "mail" | trans({},"contact") | raw }}: <a href="mailto:info@popshouse.be">info@popshouse.be</a>
		                        </address>
	                        </div>
	                        <div class="right" style="width:50%;">
	                            <p><a href="{{ path('booking_popup', {'popup':'true', '_locale':app.session.locale}) }}?iframe=true&width=1000&height=700" class="important" rel="prettyPhoto">{{ "reserveren" | trans({},"contact") | raw }}</a></p>
	                            <p><a href="{{ path('route_popup', {'popup':'true', '_locale':app.session.locale}) }}?iframe=true&width=900&height=700" rel="prettyPhoto">{{ "bereik" | trans({},"contact") | raw }}</a></p>
	                            <p><a href="{{ path('guestbook', {'_locale':app.session.locale}) }}">{{ "teken.bekijk" | trans({},"guestbook") | raw }}</a></p>
	                        </div>
                        </div>
                    </section>
                 </div>
             </div>
             <hr />
             <article>
             <h1 class="subtitle" style="margin-top:10px;">{{ "details.title" | trans({},"contact") | raw }}</h1>
            <div class="scrollbox" style="height:240px;">
          
           <section>
          <div class="prijzen">
                <dl>
                  <dt>{{ "price.room" | trans({},"contact") | raw }}:</dt>
                    <dd>&euro;100 {{ "price.night" | trans({},"contact") | raw }}</dd>
                  <dt>{{ "price.third" | trans({},"contact") | raw }}:</dt>
                    <dd>&euro;40 {{ "price.night" | trans({},"contact") | raw }}</dd>
                  <dt>{{ "price.fourth" | trans({},"contact") | raw }}:</dt>
                    <dd>&euro;30 {{ "price.night" | trans({},"contact") | raw }}</dd>
                </dl>
         </div>
         <div class="extra">
                <p>{{ "price.extra.1" | trans([price.short], "contact") | raw }}</p>
                <p>{{ "price.extra.2" | trans({},"contact") | raw }}</p>
                <p>{{ "price.extra.3" | trans({},"contact") | raw }}</p>
                <p>{{ "price.extra.4" | trans({},"contact") | raw }}</p>
            </div>  
            </section>
         
            </div>
            </article>
           
       </div>
        </div>
{% endblock %}
